<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        main{
           
            width:1000px;
            margin: 0 auto;
        }
        header{
           
            height: 30px;
              background: #000;
        }
        .top-left, .top-right, a,p{
            display: inline-block;
        }
        p{
            margin: 0;
        }
         a,p{
            font-size: 16px;
            margin-right: 20px;
            color: #b5b5b6;
        }
         
        .top-left a,
        .top-left p{
            margin: 0;
        }
         .top-left a,
        .top-left p{
            font-size: 14px;
            margin-right: 20px;
            color: #b5b5b6;}
       .top a,
       .top p{ font-size: 12px;
            text-decoration: none;
        }
       .top a:hover{
            color:white;
        }
        .top{
            width:1000px;
            margin: 0 auto;
          
            color: #b5b5b6;
            line-height: 30px;
        }
        .top-left{
       float:left; 
        }
        .top-right{
            float:right;
            margin-top:0px;
            text-align: center;
        }
.onetupian{
    margin-top: 10px;
    width:220px;
    height: 70px;
    
}

main .main-top .first{
    margin-left:400px;
    vertical-align: -60px;
    display: inline-block;
   
}

.load{float:right;
    margin-top: 20px;
    
     display: inline-block;
}
.ww:hover{
   border-bottom:3px solid #000; 

}
.load a{
    color:#000;
text-decoration: none;
font-size:12px;
}
.load a:hover{color:#000;}

.main-first-line{
    width:100%;
  
   
}
.main-first-line a{
margin-right: 50px;margin-bottom: -3px;
text-decoration: none;
color: #000;
}
.find{
   padding-left: 20px;
    float:right;
    height: 18px;
}
.find-next{
    background-image: url(image/sousuo.png);
width:20px;
height: 20px;
position: relative;
left:970px;
top:-16px;
}

hr{
    margin-top:5px;
    width:100%;
}
.main-two-line{
     margin-top:20px;
}
.main-two-line marquee img{
    width:1000px;
    height: 600px;
}
.main-three-line{
    color:#3e3a39;
    font-size:20px;
    margin: 35px 0px;
    text-align: center; 
    font-weight: bold;
}
.main-three-line{
    margin: 20px 0;
}
.main-four-line{
    margin-top:50px;
}
.main-four-line-three,.main-four-line-two,
.main-four-line-one{
    display: inline-block;
    text-align: center;

}

.tubiao2{
    
    display:inline-block;
}
.main-four-line-one{
   float:left;
}
.main-four-line-two{
margin-left:100px;
}
.main-four-line-three{
float: right;
margin-right:-15px; 
}
.zi{font-size:18px;
font-weight: bold;}
#zi2{
    font-size: 12px;
}
.understand a{
    text-decoration: none;
    color: #3e3a39;
}
.understand zi:hover{
    color:#000;
}

.un:hover
 {  
    background: gray;
    color:white;;
}
.un,.un2{
    width:80px;
    font-size:12px;
    border: 1px solid black;
}
.kong{
    height: 10px;
}
.main-five-line{
    margin-top:80px; 
    border-bottom: 3px solid #000;
}






#zero{
        margin:60px auto;
        width:1000px;
    }
#one{
    margin-right:19px; 
    display: inline-block;
    width: 230px;
    height: 220px;
}
#zero span{
    height:30px;
    display: block;
    text-align: center;
    background: black;
    color:white;
    margin-top:-5px;
    margin-right:0px;
    font-size:18px;
    line-height: 30px;
}
a{
    text-decoration: none;
}
a:hover span{
    text-decoration: underline;

}
#two{margin-top: 30px;
    margin-right: 20px;
    width:950px;
    margin: 20px auto;
    margin-bottom:50px;
 height: 3px;
 background:black;}
 .guanzhu{ height:30px;
    display: block;
    text-align: center;
    background: black;
    color:white;
    margin-top:-5px;
    margin-right:-7px;
    font-size:18px;
    line-height: 30px;}
    #ditu{
        float:right;
         margin-right:0px; 
    display: inline-block;
    width: 240px;
    height: 220px;
    }
    body{
        margin: 0;
    }
    footer{
        background: #2b2b2b;
        color:#fff;
        margin: 0;
    }
    footer .last{
        font-size:48px;
        padding-top: 55px;
        padding-bottom: 18px;
        text-align: center;
    }
    .un2{
        margin-bottom: 60px;
        text-align: center;
    }
    .un2:hover{
        background: white;
        color: #000;
    }
    .fotter{
        text-align: center;
        width: 1000px;
        margin: 0 auto;

    }
    .footer-one,.footer-two,.footer-three,.footer-four{
        display: inline-block;
    margin-left:50px;
    padding-right: 25px;
    height: 80px;
        border-right:1px solid #fff;
      
    }
    .footer-four{
       
        border-right:none; 
    }
    .footer-one{
        margin-top:-220px; 
    }


    .end{
        background: #000;
    }
    .juzhong{
        margin:0 auto;
        width:1000px;
    }
    .end{
      padding-top:20px;
    }
    .end p{
        display: block;
    }
    .endone,.endtwo,.endthree,.endfour,.endfive{
        text-align: top;
        display: inline-block;
  margin-top: 50px;
      margin-left: 55px;
    }
    
    .dingyue{
        width:250px;
    }
    .dingyue2{
        margin-top: 15px;
    }
    .xiamian{
        margin-bottom: 25px;
    }
    .tubiao{
        margin-left:30px;
        text-align: center; 
    }
     .lianjie1{
       
         width:50px;
         height: 50px;  
        background-image:url(image/7.1.png);
       
    }
     .tubiao .lianjie1:hover{
          width:50px;
         height: 50px;
         background-position:0px 4px;
        background-image:url(image/8.1.png);
     
    }
       .lianjie2{
        
         
         margin-left:20px; 
         width:50px;
         height: 40px;
        background-image:url(image/7.2.png);
      
    }
     .tubiao .lianjie2:hover{
        background-image:url(image/8.2.png);
       background-position:3px 2px;
      
    }
       .lianjie3{
         
       background-repeat: no-repeat;
         width:85px;
         background-size: 100%;
         height: 30px;
        background-image:url(image/7.3.png);
        background-position: 0 0px;
       }
     .tubiao .lianjie3:hover{
        background-image:url(image/8.3.png);background-size: 90%;
         width:85px;
         height: 30px;
    background-origin:content-box; 
    background-position: 3px;
    }



.lianjie4{
       
         width:25px;
         height: 20px;   
         background-size: 25px 25px;
         margin-left:10px; 
         margin-bottom: -5px;
        background-image:url(image/7.1.png);
   
         display: inline-block;
        
    }
     .tubiao2 .lianjie4:hover{
          width:25px;
         height: 20px; 
          background-size: 25px 25px;
         position:relative;
      
        background-image:url(image/8.1.png);
         display: inline-block;
     
    }
       .lianjie5{ margin-bottom: -5px;
        
         position: relative;
         margin-left:10px; 
         
            background-size: 25px 25px;
         width:25px;
         height: 22px;
        background-image:url(image/7.2.png);
      
    }
     .tubiao2 .lianjie5:hover{
        background-image:url(image/8.2.png);
       position: relative;
          background-size: 25px 25px;
    }
       .lianjie6{
      
        margin-bottom: -100px;
         width:52px;
         background-repeat: space;
         margin-bottom:-5px;
         height: 20px; 
         background-size: 40px 20px;
        background-image:url(image/7.3.png);
     float:right;
       
       }
     .tubiao2 .lianjie6:hover{
         display: inline-block;
        background-image:url(image/8.3.png);
         width:52px;
          margin-bottom:-15px;
         background-size: 40px 20px;
         height: 30px;
    }














    
    .endzi{
        margin-top: 50px;
        text-align: center;
    }
    .xuan{
        
        vertical-align: 10px;
    }
   .xuan:hover{
        text-decoration: none;
    }
    #qian{
        vertical-align: -5px;
    }
    #qian1,#qian2{
        margin-left: -15px;
    }

#dingwei{
  
    position: absolute;
    width:100px;
    height: 1000px;
}
#nan,#nv, #tong,#pei,#look{background: white;
opacity: 0.8;
 width:1000px;
 margin-left:-270px; 
    height: 800px;
    margin: 0 auto;
    padding-top:20px; 
    margin-top:-20px;
    position: absolute; 
display: none;

}
#nanzhuang{
   
    margin: 0 auto;
    position: absolute;
    width:900px;
    height: 700px;
    padding-top:50px; 
   
display: flex;
justify-content: space-around;


}

#nanzhuang  .nanzhuangone{
    width:200px;
   display: inline-block;
    height:600px;
   
     
}
#nanzhuang div{
    display: inline-block;
}
#nanzhuang  .nanzhuangtwo{
    width:250px;  display: inline-block;
    height:600px;
 display: inline-block;
  
}
#nanzhuang  .nanzhuangthree{
    width:400px;
    height:600px;display: inline-block;
   
  
}
#nanzhuang div  section p{
color:#000;
margin-bottom:20px;
margin-left:30px;
}
#nanzhuang div  section a{
    display: block;
    margin-left: 30px;
    color: gray;
    text-decoration: none;
    font-size:12px;
}
#nanzhuang div  section a:hover{
    color:#000;
    text-decoration: underline;
}
#nanzhuang .nanzhuangthree section img{
    float:right;
    margin-top:-60px;
}

    </style>
</head>
<body>
    <header>
        <div class="top">
            <div class="top-left">
                <a href="www.baidu.com"> <img src="image/aa.png" alt="" id="qian">中文</a>
                <p id="qian1">/</p>
                <a href="www.baidu.com" id="qian2">ENGLISH</a>
            </div>
            <div class="top-right">
 <a href="www.baidu.com"> 首页</a>
  <a href="www.baidu.com"> VIP club</a>
  <a href="www.baidu.com"> 寻找门店</a>
  <p>分享 ：  </p>
  <div class="tubiao2">
    <a href="">
        <div  class="lianjie4" title="关注我们"></div>
    </a>
        <a href="">
        <div  class="lianjie5" title="新浪微博"></div>
    </a>
        <a href="">
        <div  class="lianjie6" title="优酷"></div>
    </a>
</div>

            </div>
        </div>
 
    <main>
        <div class="main-top">
            <div class="first">
            <a href="www.baidu.com" >
            <img src="image/1.png" alt="" class="onetupian">
            </a>
            </div>
                <div class="load">
                <a href="www.baidu.com">会员登陆</a>
                </div> 
        </div>

<div class="main-first-line">
    <a href="">首页</a>
    <a href="" id="ww1" class="ww">男装</a>
     <a href=""id="ww2" class="ww">女装</a>
    <a href=""id="ww3" class="ww">童装</a>
    <a href=""id="ww4" class="ww">陪衬</a>
    <a href=""id="ww5" class="ww">look book</a>
    <a href="">会员中心</a>
    <a href="">关于以纯</a>
    <input type="text" class="find" placeholder="描述或商品编号">
    <div class="find-next"></div>
</div>
<main id="dingwei">
    <main id='nan'>
<main id="nanzhuang">  
<div class="nanzhuangone">
    <section>
        <p>主题新品</p>
    </section>
    <section>
        <a href="" class="a1">POLO</a>
        <a href="" class="a1">T恤</a>
        <a href="" class="a1">外套</a>
        <a href="" class="a1">毛衣</a>
        <a href="" class="a1">卫衣</a>
        <a href="" class="a1">针织衫</a>
        <a href="" class="a1">休闲裤</a>
        <a href="" class="a1">衬衫</a>
        <a href="" class="a1">牛仔裤</a>
        <a href="" class="a1">慢跑裤</a>
        <a href="" class="a1">韩庚星推荐</a>
    </section>
</div>
<div class="nanzhuangtwo">
    <section>
        <p>根据产品筛选</p>
    </section>
    <section>
        <a href="" class="a1">棉麻</a>
        <a href="" class="a1">小立领衬衫</a>
        <a href="" class="a1">微领polo</a>
        <a href="" class="a1">特汇款</a>
        <a href="" class="a1">韩庚明星款</a>
        <a href="" class="a1">工装裤</a>
        <a href="" class="a1">商务色仓</a>
        <a href="" class="a1">间条组合</a>
        <a href="" class="a1">舒爽竹节棉</a>
        <a href="" class="a1">牛仔蓝</a>
        <a href="" class="a1">教练夹克</a>
        <a href="" id="a1">慢跑裤</a>
        <a href="" id="a1">黑牛</a>
        <a href="" id="a1">韩庚款</a>
        <a href="" id="a1">商务-微领夹克</a>
        <a href="" id="a1">衬衫</a>
        <a href="" id="a1">棉麻</a>
        <a href="" id="a1">风衣</a>
        <a href="" id="a1">特汇款</a>
        <a href="" id="a1">上午-数码印花</a>
        <a href="" id="a1">衬衫</a>
        <a href="" id="a1">长宽外套</a>
        <a href="" id="a1">牛仔外套</a>
        <a href="" id="a1">采砂毛织</a>
        <a href="" id="a1">飞行员夹克</a>
        
    </section>
</div>
<div class="nanzhuangthree">
    <section>
        <p>优惠活动</p>
    </section>
    <section>
        <a href="" class="a1">夏装尚新</a>
        <a href="" class="a1">春季推荐</a>
<img src="image/001.jpg" alt="" width="170px" height="250px">
    </section>     
</div>
</main>
</main>
 <main id='pei'>
<main id="nanzhuang">  
<div class="nanzhuangone">
    <section>
        <p>主题新品</p>
    </section>
    <section>
        <a href="" class="a1">POLO</a>
        <a href="" class="a1">T恤</a>
        <a href="" class="a1">外套</a>
        <a href="" class="a1">毛衣</a>
        <a href="" class="a1">卫衣</a>
        <a href="" class="a1">针织衫</a>
        <a href="" class="a1">休闲裤</a>
        <a href="" class="a1">衬衫</a>
        <a href="" class="a1">牛仔裤</a>
        <a href="" class="a1">慢跑裤</a>
        <a href="" class="a1">韩庚星推荐</a>
    </section>
</div>
<div class="nanzhuangtwo">
    <section>
        <p>根据产品筛选</p>
    </section>
    <section>
        <a href="" class="a1">棉麻</a>
        <a href="" class="a1">小立领衬衫</a>
        <a href="" class="a1">微领polo</a>
        <a href="" class="a1">特汇款</a>
        <a href="" class="a1">韩庚明星款</a>
        <a href="" class="a1">工装裤</a>
        <a href="" class="a1">商务色仓</a>
        <a href="" class="a1">间条组合</a>
        <a href="" class="a1">舒爽竹节棉</a>
        <a href="" class="a1">牛仔蓝</a>
        <a href="" class="a1">教练夹克</a>
        <a href="" id="a1">慢跑裤</a>
        <a href="" id="a1">黑牛</a>
        <a href="" id="a1">韩庚款</a>
        <a href="" id="a1">商务-微领夹克</a>
        <a href="" id="a1">衬衫</a>
        <a href="" id="a1">棉麻</a>
        <a href="" id="a1">风衣</a>
        <a href="" id="a1">特汇款</a>
        <a href="" id="a1">上午-数码印花</a>
        <a href="" id="a1">衬衫</a>
        <a href="" id="a1">长宽外套</a>
        <a href="" id="a1">牛仔外套</a>
        <a href="" id="a1">采砂毛织</a>
        <a href="" id="a1">飞行员夹克</a>
        
    </section>
</div>
<div class="nanzhuangthree">
    <section>
        <p>优惠活动</p>
    </section>
    <section>
        <a href="" class="a1">夏装尚新</a>
        <a href="" class="a1">春季推荐</a>
<img src="image/001.jpg" alt="" width="170px" height="250px">
    </section>     
</div>
</main>
</main>
 <main id='tong'>
<main id="nanzhuang">  
<div class="nanzhuangone">
    <section>
        <p>主题新品</p>
    </section>
    <section>
        <a href="" class="a1">POLO</a>
        <a href="" class="a1">T恤</a>
        <a href="" class="a1">外套</a>
        <a href="" class="a1">毛衣</a>
        <a href="" class="a1">卫衣</a>
        <a href="" class="a1">针织衫</a>
        <a href="" class="a1">休闲裤</a>
        <a href="" class="a1">衬衫</a>
        <a href="" class="a1">牛仔裤</a>
        <a href="" class="a1">慢跑裤</a>
        <a href="" class="a1">韩庚星推荐</a>
    </section>
</div>
<div class="nanzhuangtwo">
    <section>
        <p>根据产品筛选</p>
    </section>
    <section>
        <a href="" class="a1">棉麻</a>
        <a href="" class="a1">小立领衬衫</a>
        <a href="" class="a1">微领polo</a>
        <a href="" class="a1">特汇款</a>
        <a href="" class="a1">韩庚明星款</a>
        <a href="" class="a1">工装裤</a>
        <a href="" class="a1">商务色仓</a>
        <a href="" class="a1">间条组合</a>
        <a href="" class="a1">舒爽竹节棉</a>
        <a href="" class="a1">牛仔蓝</a>
        <a href="" class="a1">教练夹克</a>
        <a href="" id="a1">慢跑裤</a>
        <a href="" id="a1">黑牛</a>
        <a href="" id="a1">韩庚款</a>
        <a href="" id="a1">商务-微领夹克</a>
        <a href="" id="a1">衬衫</a>
        <a href="" id="a1">棉麻</a>
        <a href="" id="a1">风衣</a>
        <a href="" id="a1">特汇款</a>
        <a href="" id="a1">上午-数码印花</a>
        <a href="" id="a1">衬衫</a>
        <a href="" id="a1">长宽外套</a>
        <a href="" id="a1">牛仔外套</a>
        <a href="" id="a1">采砂毛织</a>
        <a href="" id="a1">飞行员夹克</a>
        
    </section>
</div>
<div class="nanzhuangthree">
    <section>
        <p>优惠活动</p>
    </section>
    <section>
        <a href="" class="a1">夏装尚新</a>
        <a href="" class="a1">春季推荐</a>
<img src="image/001.jpg" alt="" width="170px" height="250px">
    </section>     
</div>
</main>
</main>
   <main id='nv'>
<main id="nanzhuang">  
<div class="nanzhuangone">
    <section>
        <p>主题新品</p>
    </section>
    <section>
        <a href="" class="a1">裙子</a>
        <a href="" class="a1">T恤</a>
        <a href="" class="a1">背带装</a>
        <a href="" class="a1">吊带装</a>
        <a href="" class="a1">卫衣</a>
        <a href="" class="a1">背心</a>
        <a href="" class="a1">毛衣</a>
        <a href="" class="a1">休闲裤</a>
        <a href="" class="a1">针织衫</a>
        <a href="" class="a1">衬衫</a>
        <a href="" class="a1">牛仔裤</a>
    </section>
</div>
<div class="nanzhuangtwo">
    <section>
        <p>根据产品筛选</p>
    </section>
    <section>
        <a href="" class="a1">棉麻</a>
        <a href="" class="a1">背带装</a>
        <a href="" class="a1">蓝白色系</a>
        <a href="" class="a1">特汇款</a>
        <a href="" class="a1">帮带妆</a>
        <a href="" class="a1">裙裤</a>
        <a href="" class="a1">不规则裙</a>
        <a href="" class="a1">A子群</a>
        <a href="" class="a1">舒爽竹节棉</a>
        <a href="" class="a1">肩挑组合/a>
        <a href="" class="a1">教练夹克</a>
        <a href="" id="a1">慢跑裤</a>
        <a href="" id="a1">黑牛</a>
        <a href="" id="a1">韩庚款</a>
        <a href="" id="a1">商务-微领夹克</a>
        <a href="" id="a1">衬衫</a>
        <a href="" id="a1">背心外套</a>
        <a href="" id="a1">风衣</a>
        <a href="" id="a1">特汇款</a>
        <a href="" id="a1">上午-数码印花</a>
        <a href="" id="a1">衬衫</a>
        <a href="" id="a1">运动套装</a>
        <a href="" id="a1">牛仔外套</a>
        <a href="" id="a1">采砂毛织</a>
        <a href="" id="a1">飞行员夹克</a>
        
    </section>
</div>
<div class="nanzhuangthree">
    <section>
        <p>优惠活动</p>
    </section>
    <section>
        <a href="" class="a1">夏装尚新</a>
        <a href="" class="a1">春季推荐</a>
<img src="image/nv.jpg" alt="" width="170px" height="250px">
    </section>     
</div>
</main>
</main>
 <main id='look'>
<main id="nanzhuang">  
<div class="nanzhuangone">
    <section>
        <p>主题新品</p>
    </section>
    <section>
        <a href="" class="a1">裙子</a>
        <a href="" class="a1">T恤</a>
        <a href="" class="a1">背带装</a>
        <a href="" class="a1">吊带装</a>
        <a href="" class="a1">卫衣</a>
        <a href="" class="a1">背心</a>
        <a href="" class="a1">毛衣</a>
        <a href="" class="a1">休闲裤</a>
        <a href="" class="a1">针织衫</a>
        <a href="" class="a1">衬衫</a>
        <a href="" class="a1">牛仔裤</a>
    </section>
</div>
<div class="nanzhuangtwo">
    <section>
        <p>根据产品筛选</p>
    </section>
    <section>
        <a href="" class="a1">棉麻</a>
        <a href="" class="a1">背带装</a>
        <a href="" class="a1">蓝白色系</a>
        <a href="" class="a1">特汇款</a>
        <a href="" class="a1">帮带妆</a>
        <a href="" class="a1">裙裤</a>
        <a href="" class="a1">不规则裙</a>
        <a href="" class="a1">A子群</a>
        <a href="" class="a1">舒爽竹节棉</a>
        <a href="" class="a1">肩挑组合/a>
        <a href="" class="a1">教练夹克</a>
        <a href="" id="a1">慢跑裤</a>
        <a href="" id="a1">黑牛</a>
        <a href="" id="a1">韩庚款</a>
        <a href="" id="a1">商务-微领夹克</a>
        <a href="" id="a1">衬衫</a>
        <a href="" id="a1">背心外套</a>
        <a href="" id="a1">风衣</a>
        <a href="" id="a1">特汇款</a>
        <a href="" id="a1">上午-数码印花</a>
        <a href="" id="a1">衬衫</a>
        <a href="" id="a1">运动套装</a>
        <a href="" id="a1">牛仔外套</a>
        <a href="" id="a1">采砂毛织</a>
        <a href="" id="a1">飞行员夹克</a>
        
    </section>
</div>
<div class="nanzhuangthree">
    <section>
        <p>优惠活动</p>
    </section>
    <section>
        <a href="" class="a1">夏装尚新</a>
        <a href="" class="a1">春季推荐</a>
<img src="image/nv.jpg" alt="" width="170px" height="250px">
    </section>     
</div>
</main>
</main>
 </main>
 
    </main>

    <hr id="first" >
    <main>
        <div class="main-two-line">
         <marquee onmouseout="this.start()" onmousemove="this.stop()" width="1000"height="600" behavior="alternate" scrollamount="1004"  scrolldelay="1000" direction="right" >
       <img src="image/01.png"  alt="">
       <img src="image/02.png"  alt="">
        <img src="image/01.png"  alt="">
       <img src="image/02.png"  alt="">
       <img src="image/03.png"  alt="">
        <img src="image/02.png"  alt="">
       <img src="image/03.png"  alt="">
    </marquee>
        </div>
        <div class="main-three-line">
            精选男装 / 女装
        </div>




        <div class="main-four-line">
            <div class="main-four-line-one">
            <a href=""><img src="image/5.1.png" width="250px" height="330px" alt=""></a>
            <div class="understand">
                <br>    
            <span class="zi2">2017夏装&nbsp&nbsp&nbsp&nbsp</span>
            <br>    <div class="kong"></div>
            <a href="www.baidu.com" class="zi">舒爽竹节棉T/男</a>
            <br>    <div class="kong"></div>
            <a href="www.baidu.com" class="un">了解更多&nbsp></a></div>
    
            </div>



            <div class="main-four-line-two">
            <a href=""><img src="image/5.2.png" width="250px" height="330px" alt=""></a>
           <div class="understand"> <br>   
            <span class="zi2">2017夏装&nbsp&nbsp&nbsp&nbsp</span> 
             <br>   <div class="kong"></div>
            <a href="www.baidu.com"  class="zi">舒爽竹节棉T/女</a>
            <br>    <div class="kong"></div>
            <a href="www.baidu.com" class="un">了解更多&nbsp></a>
            </div>
            </div>






               <div class="main-four-line-three">
           <a href=""><img src="image/5.3.png" width="250px" height="330px"alt=""></a>
           <div class="understand"> <br>   
            <span class="zi2">2017夏装&nbsp&nbsp&nbsp&nbsp</span> <br>   <div class="kong"></div>
            <a href="www.baidu.com"  class="zi">挂饰领T</a>
            <br> 
            <div class="kong"></div>
            <a href="www.baidu.com" class="un" >了解更多&nbsp></a>
            </div>
           
           
        </div>

<br>   
<br>
<br> 
        

        <div class="main-four-line">
            <div class="main-four-line-one">
            <a href=""><img src="image/4.1.png" width="250px" height="330px" alt=""></a>
            <div class="understand"> <br>   
            <span class="zi2">2017夏装&nbsp&nbsp&nbsp&nbsp</span>
            <br>    <div class="kong"></div>
            <a href="www.baidu.com" class="zi">工装裤</a>
            <br>    <div class="kong"></div>
            <a href="www.baidu.com" class="un">了解更多&nbsp></a></div>
    
            </div>



            <div class="main-four-line-two">
            <a href=""><img src="image/4.2.png" width="250px" height="330px" alt=""></a>
           <div class="understand"> <br>   
            <span class="zi2">2017夏装&nbsp&nbsp&nbsp&nbsp</span> 
             <br>   <div class="kong"></div>
            <a href="www.baidu.com"  class="zi">背带裤</a>
            <br>    <div class="kong"></div>
            <a href="www.baidu.com" class="un" >了解更多&nbsp></a>
            </div>
            </div>






               <div class="main-four-line-three">
           <a href=""><img src="image/4.3.png" width="250px" height="330px"alt=""></a>
           <div class="understand"> <br>   
            <span class="zi2">2017夏装&nbsp&nbsp&nbsp&nbsp</span> <br>   <div class="kong"></div>
            <a href="www.baidu.com"  class="zi">韩庚同款</a>
            <br> 
            <div class="kong"></div>
            <a href="www.baidu.com" class="un" >了解更多&nbsp></a>
            </div>
        </div>
        <div class="main-five-line"><img src="image/3.1.png" alt="" width="1000px" height="279px">
     <br><br>   <br><br>
        </div>
 <div id="zero">
 <div id="one">
    <a href="https://www.baidu.com">
    <img src="4.jpg" alt="">
    <span>品牌故事</span>
    </a>
    </div>
 
  <div id="one">
  <img src="3.jpg" alt="">
    <span class="guanzhu">关注微信公众号，更多好礼</span>
    </a>
 </div>
  <div id="one">
    <a href="https://www.baidu.com">
    <img src="2.jpg" alt="">
    <span>加入vip</span>
    </a>
    </div>
  
<div id="ditu">
    <a href="https://www.baidu.com">
     <img src="1.jpg" alt="">
    <span>店铺地图</span>
    </a>
    </div>
</div>
    </main>


  <footer>
      <div class="last">YISHION FAMILY<br>
        <a href="www.baidu.com" class="un2" >了解更多&nbsp></a></div><br>
        <div class="fotter">
        <div class="footer-one">
             <a href="www.baidu.com"><img src="image/6.1.png" alt="" width="150px"height="55px"></a></div>
        <div class="footer-two"> <br> <a href="www.baidu.com"><img src="image/6.2.png" alt=""width="100px"height="45px"></a></div>
        <div class="footer-three"> <br> <a href="www.baidu.com"><img src="image/6.3.png" alt=""width="120px"height="45px"></a></div>
        <div class="footer-four"> <br> <a href="www.baidu.com"><img src="image/6.4.png" alt=""width="120px"height="45px"></a></div>
<br><br><br>
 </div>
  </footer>
  <div class="end">
      <div class="juzhong"> 
<div class=" endone">
    <p class="xiamian">产品风尚</p>
   <p><a href="">男装</a></p>
    <p><a href="">女装</a></p>
    <p><a href="">童装</a></p>
   <p><a href="">配衬</a></p>
    <p>&nbsp</p>
       <p>&nbsp</p>  
</div>
    
<div class=" endtwo">

    <p class="xiamian">关于以纯</p>
   <p><a href="">品牌故事</a></p>
    <p><a href="">媒体中心</a></p>
    <p><a href="">精彩视频</a></p>
   <p><a href="">联系我们</a></p>
   <p><a href="">工作机会</a></p>
   <p><a href="">推广活动</a></p>
</div>

<div class=" endthree">
    <p class="xiamian">帮助信息</p>
    <p><a href="">店铺查询</a></p>
    <p><a href="">VIP服务</a></p>
    <p><a href="">常见问题</a></p>
   <p><a href="">服装保养</a></p>
    <p><a href="">隐私政策</a></p> <p>&nbsp</p>
 
</div>
<div class=" endfour">
    <p class="xiamian">关注我们</p>
    <p> <a href="">邮件订阅</a></p>
    <p> <a href="">官方微博</a></p>
   <p>  <a href="">官方微信</a></p> <p>&nbsp</p> <p>&nbsp</p> <p>&nbsp</p>
</div>
<div class=" endfive">
    <p>
        了解更多潮流资讯
    </p>
    <p>输入邮箱，通过电子订阅，了解最新的时</p><p>尚信息、最潮的品牌，享更多折扣优惠。</p>
<p><input type="text" class="dingyue"></p>
<input type="submit"value="订阅" class="dingyue2"><p>&nbsp</p> <p>&nbsp</p> 

</div>
</div>
<hr id="two">
<div class="tubiao">
    <a href="">
        <div  class="lianjie1" title="关注我们"></div>
    </a>
        <a href="">
        <div  class="lianjie2" title="新浪微博"></div>
    </a>
        <a href="">
        <div  class="lianjie3" title="优酷"></div>
    </a>
</div>
<div class="endzi">
    <p>东莞市以纯集团有限公司</p>
    <p>版权所有 Copyright © 2007-2016 YISHION all rights reserved Powered by YISHION</p>
    <a href=""><img src="image/9.1.png" alt="">
    <span class="xuan">轩哥哥 515323谁16</span></a>
    <br>
    <a href="" title="站点统计"><img src="image/9.2.png" alt=""></a>
</div>
  </div>
 


<script>
    var nanzhuang=document.getElementById('ww1')
    var nanzhuangxianshi=document.getElementById('nan')
    nanzhuang.onmouseenter=function(){
        nanzhuangxianshi.style.display='block'
    }
     
    nanzhuang.onmouseleave=function()
    {
        nanzhuangxianshi.style.display='none'
    }
     nanzhuangxianshi.onmouseenter=function(){
        nanzhuangxianshi.style.display='block'
    }
     nanzhuangxianshi.onmouseleave=function(){
        nanzhuangxianshi.style.display='none'
    }

      var nvzhuang=document.getElementById('ww2')
    var nvzhuangxianshi=document.getElementById('nv')
    nvzhuang.onmouseenter=function(){
        nvzhuangxianshi.style.display='block'
    }
     
    nvzhuang.onmouseleave=function()
    {
        nvzhuangxianshi.style.display='none'
    }
     nvzhuangxianshi.onmouseenter=function(){
        nvzhuangxianshi.style.display='block'
    }
     nvzhuangxianshi.onmouseleave=function(){
        nvzhuangxianshi.style.display='none'
    }
      
      var tongzhuang=document.getElementById('ww3')
    var tongzhuangxianshi=document.getElementById('tong')
    tongzhuang.onmouseenter=function(){
        tongzhuangxianshi.style.display='block'
    }
     
    tongzhuang.onmouseleave=function(){
        tongzhuangxianshi.style.display='none'
    }
     tongzhuangxianshi.onmouseenter=function(){
        tongzhuangxianshi.style.display='block'
    }
     tongzhuangxianshi.onmouseleave=function(){
        tongzhuangxianshi.style.display='none'
    }
    
     var peizhuang=document.getElementById('ww4')
    var peizhuangxianshi=document.getElementById('pei')
    peizhuang.onmouseenter=function(){
        peizhuangxianshi.style.display='block'
    }
     
    peizhuang.onmouseleave=function()
    {
        peizhuangxianshi.style.display='none'
    }
    peizhuangxianshi.onmouseenter=function(){
        peizhuangxianshi.style.display='block'
    }
     peizhuangxianshi.onmouseleave=function(){
        peizhuangxianshi.style.display='none'
    }
    var lookzhuang=document.getElementById('ww5')
    var lookzhuangxianshi=document.getElementById('look')
    lookzhuang.onmouseenter=function(){
        lookzhuangxianshi.style.display='block'
    }
     
    lookzhuang.onmouseleave=function()
    {
        lookzhuangxianshi.style.display='none'
    }
    lookzhuangxianshi.onmouseenter=function(){
        lookzhuangxianshi.style.display='block'
    }
     lookzhuangxianshi.onmouseleave=function(){
        lookzhuangxianshi.style.display='none'
    }
</script>

</body>
</html>